<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shoutcut icon" href="favicon.ico" type="image/x-icon">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <title>品优购</title>
    <link rel="stylesheet" type="text/css" href="css/base.css">
    <link rel="stylesheet" type="text/css" href="css/header.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <link rel="stylesheet" type="text/css" href="css/footer.css">
    <script src="js/animate.js"></script>
    <script src="js/scroolimg.js"></script>
    <script src="js/img.js"></script>
    <script src="js/tabl.js"></script>
    <base href="#">
</head>

<body>
    <!--顶部快捷导航-->
    <div class="shortcut">
        <div class="w">
            <span>品优购欢迎您！
                <a href="">请登录</a>
                <a href=""><i>免费注册</i></a>
            </span>
            <ul class="fr">
                <a href="">网站导航<i>&#xe65a;</i></a>
                <li></li>
                <a href="">客户服务<i>&#xe65a;</i></a>
                <li></li>
                <a href="">关注品优购<i>&#xe65a;</i></a>
                <li></li>
                <a href="">企业采购</a>
                <li></li>
                <a href="">品优购会员</a>
                <li></li>
                <a href="">我的品优购<i>&#xe65a;</i></a>
                <li></li>
                <a href="">我的订单</a>
            </ul>
        </div>
    </div>
    <!--header部分-->
    <div class="header">
        <div class="w header_top">
            <span class="fl"></span>
            <input type="text">
            <button>搜索</button>
            <ul>
                <li>
                    <a href="">优惠购首发</a>
                    <a href="">亿元优惠</a>
                    <a href="">9.9元团购</a>
                    <a href="">每满99减30</a>
                    <a href="">办公用品</a>
                    <a href="">电脑</a>
                    <a href="">通信</a>
                </li>
                <li>
                    <button>
                        <i>&#x344b;</i>
                        我的购物车
                        <i style="color: #666;">&#xe65b;</i>
                    </button>
                </li>
                <li>99</li>
            </ul>
        </div>
        <!--nav部分-->
        <div class="w nav">
            <span>全部商品分类</span>
            <a href="">服装城</a>
            <a href="">美妆管</a>
            <a href="">传智超市</a>
            <a href="">全球购</a>
            <a href="">闪购</a>
            <a href="">团购</a>
            <a href="">拍卖</a>
            <a href="">有趣</a>
        </div>
    </div>
    <!--title部分-->
    <div class="title w">
        <!--sidebar侧边栏部分-->
        <div class="sidebar fl">
            <ul>
                <li>
                    <a href="">家用电器</a>
                    <i>&#xe65b;</i>
                </li>
                <li><a href="">手机</a>&nbsp;/
                    <a href="">数码</a>&nbsp;/
                    <a href="">通信</a>
                    <i>&#xe65b;</i>
                </li>
                <li>
                    <a href="">电脑</a>&nbsp;/
                    <a href="">办公</a>
                    <i>&#xe65b;</i>
                </li>
                <li><a href="">家居</a>&nbsp;/
                    <a href="">家具</a>&nbsp;/
                    <a href="">家装</a>&nbsp;/
                    <a href="">厨具</a>
                    <i>&#xe65b;</i>
                </li>
                <li>
                    <a href="">男装</a>&nbsp;/
                    <a href="">女装</a>&nbsp;/
                    <a href="">童装</a>&nbsp;/
                    <a href="">内衣</a>
                    <i>&#xe65b;</i>
                </li>
                <li>
                    <a href="">个户化妆</a>&nbsp;/
                    <a href="">清洁用品</a>&nbsp;/
                    <a href="">宠物</a>
                    <i>&#xe65b;</i>
                </li>
                <li>
                    <a href="">鞋靴</a>&nbsp;/
                    <a href="">箱包</a>&nbsp;/
                    <a href="">珠宝</a>&nbsp;/
                    <a href="">奢侈品</a>
                    <i>&#xe65b;</i>
                </li>
                <li>
                    <a href="">运动户外</a>&nbsp;/
                    <a href="">钟表</a>
                    <i>&#xe65b;</i>
                </li>
                <li>
                    <a href="">汽车</a>&nbsp;/
                    <a href="">汽车用品</a>
                    <i>&#xe65b;</i>
                </li>
                <li>
                    <a href="">母婴</a>&nbsp;/
                    <a href="">玩具乐器</a>
                    <i>&#xe65b;</i>
                </li>
                <li>
                    <a href="">食品</a>&nbsp;/
                    <a href="">酒类</a>&nbsp;/
                    <a href="">生鲜</a>&nbsp;/
                    <a href="">特产</a>
                    <i>&#xe65b;</i>
                </li>
                <li>
                    <a href="">医疗保健</a>
                    <i>&#xe65b;</i>
                </li>
                <li>
                    <a href="">图书</a>&nbsp;/
                    <a href="">音像</a>&nbsp;/
                    <a href="">电子书</a>
                    <i>&#xe65b;</i>
                </li>
                <li>
                    <a href="">彩票</a>&nbsp;/
                    <a href="">旅行</a>&nbsp;/
                    <a href="">充值</a>&nbsp;/
                    <a href="">票务</a>
                    <i>&#xe65b;</i>
                </li>
                <li>
                    <a href="">理财</a>&nbsp;/
                    <a href="">众筹</a>&nbsp;/
                    <a href="">白条</a>&nbsp;/
                    <a href="">保险</a>
                    <i>&#xe65b;</i>
                </li>
            </ul>
        </div>
        <!--scroolimg 轮播图部分-->
        <div class="scroolimg fl">
            <a href="javascript:;" class="al"><i>&#xe659;</i></a>
            <a href="javascript:;" class="ar"><i>&#xe65b;</i></a>
            <ul>
                <li>
                    <a href=""><img src="upload/focus.jpg"></a>
                </li>
                <li>
                    <a href=""><img src="upload/focus1.jpg"></a>
                </li>
                <li>
                    <a href=""><img src="upload/focus2.jpg"></a>
                </li>
                <li>
                    <a href=""><img src="upload/focus3.jpg"></a>
                </li>
            </ul>
            <ol>
            </ol>
        </div>
        <!--新闻栏部分-->
        <div class="news fl">
            <span>品优购快报 <a>更多<i>&#xe65b;</i></a></span>
            <ul>
                <li><a href="">【特惠】爆款耳机5折秒！</a></li>
                <li><a href="">【特惠】母亲节，健康好礼低至5折！</a></li>
                <li><a href="">【特惠】爆款耳机5折秒！</a></li>
                <li><a href="">【特惠】9.9元洗100张照片！</a></li>
                <li><a href="">【特惠】长虹智能空调立省1000</a></li>
            </ul>
            <ol id="imges">
                <li>
                    <a href="">花费<i></i></a>
                </li>
                <li>
                    <a href="">机票<i></i></a>
                </li>
                <li>
                    <a href="">电影票<i></i></a>
                </li>
                <li>
                    <a href="">游戏<i></i></a>
                </li>
                <li>
                    <a href="">购彩<i></i></a>
                </li>
                <li>
                    <a href="">加油卡<i></i></a>
                </li>
                <li>
                    <a href="">酒店<i></i></a>
                </li>
                <li>
                    <a href="">火车票<i></i></a>
                </li>
                <li>
                    <a href="">贷款<i></i></a>
                </li>
                <li>
                    <a href="">余额<i></i></a>
                </li>
                <li>
                    <a href="">银行卡<i></i></a>
                </li>
                <li>
                    <a href="">白条<i></i></a>
                </li>
            </ol>
            <a href=""><img src="upload/bargain.jpg"></a>
        </div>
    </div>
    <!--recommended推荐 今日推荐部分-->
    <div class="recommended w">
        <ul>
            <li>
                今日推荐
                <img src="img/clock.png">
            </li>
            <li>
                <a href=""><img src="upload/pic.jpg"></a>
            </li>
            <span></span>
            <li>
                <a href=""><img src="upload/pic.jpg"></a>
            </li>
            <span></span>
            <li>
                <a href=""><img src="upload/pic.jpg"></a>
            </li>
            <span></span>
            <li>
                <a href=""><img src="upload/pic.jpg"></a>
            </li>
        </ul>
    </div>
    <!--floor楼层  楼层部分-->
    <div class="w">
        <div class="box_hd">
            <h3 class="fl">
                家用电器
            </h3>
            <ul class="fr" id="xz">
                <li><a href="javascript:;">热门</a>|</li>
                <li><a href="javascript:;">大家电</a>|</li>
                <li><a href="javascript:;">生活电器</a>|</li>
                <li><a href="javascript:;">厨房电器</a>|</li>
                <li><a href="javascript:;">个护健康</a>|</li>
                <li><a href="javascript:;">应季电器</a>|</li>
                <li><a href="javascript:;">空气/净水</a>|</li>
                <li><a href="javascript:;">新奇特</a>|</li>
                <li><a href="javascript:;">高端电器</a></li>
            </ul>
        </div>
        <!--.box_column内容区-->
        <div class="box_column">
            <!--热门-->
            <ul>
                <li>
                    <a href="">节能补贴</a>
                    <a href="">4K电视</a>
                    <a href="">空气净化器</a>
                    <a href="">IH电饭煲</a>
                    <a href="">滚筒洗衣机</a>
                    <a href="">电热水器</a>
                    <img src="upload/floor-1-1.png">
                </li>
                <li>
                    <img src="upload/pic1.jpg">
                </li>
                <li>
                    <a href=""><img src="upload/floor-1-2.png"></a>
                    <span></span>
                    <a href=""><img src="upload/floor-1-3.png"></a>
                </li>
                <li>
                    <a href=""><img src="upload/floor-1-4.png"></a>
                </li>
                <li>
                    <a href=""><img src="upload/floor-1-5.png"></a>
                    <span></span>
                    <a href=""><img src="upload/floor-1-6.png"></a>
                </li>
            </ul>
            <!--大家电-->
            <ul>
                <li>大家电</li>
            </ul>
            <!--生活电器-->
            <ul>
                <li>生活电器</li>
            </ul>
            <!--厨房电器-->
            <ul>
                <li>厨房电器</li>
            </ul>
            <!--个户健康-->
            <ul>
                <li>个护健康</li>
            </ul>
            <!--应季电器-->
            <ul>
                <li>应季电器</li>
            </ul>
            <!--空气净水-->
            <ul>
                <li>空气/净水</li>
            </ul>
            <!--新奇特-->
            <ul>
                <li>新奇特</li>
            </ul>
            <!--高端电器-->
            <ul>
                <li>高端电器</li>
            </ul>
        </div>
        <!--floor楼层 2 楼层部分-->
        <div class="box_hd">
            <h3 class="fl">
                家用电器
            </h3>
            <ul class="fr" id="xz">
                <li><a href="javascript:;">热门</a>|</li>
                <li><a href="javascript:;">大家电</a>|</li>
                <li><a href="javascript:;">生活电器</a>|</li>
                <li><a href="javascript:;">厨房电器</a>|</li>
                <li><a href="javascript:;">个护健康</a>|</li>
                <li><a href="javascript:;">应季电器</a>|</li>
                <li><a href="javascript:;">空气/净水</a>|</li>
                <li><a href="javascript:;">新奇特</a>|</li>
                <li><a href="javascript:;">高端电器</a></li>
            </ul>
        </div>
        <!--.box_column内容区-->
        <div class="box_column">
            <!--热门-->
            <ul>
                <li>
                    <a href="">节能补贴</a>
                    <a href="">4K电视</a>
                    <a href="">空气净化器</a>
                    <a href="">IH电饭煲</a>
                    <a href="">滚筒洗衣机</a>
                    <a href="">电热水器</a>
                    <img src="upload/floor-1-1.png">
                </li>
                <li>
                    <img src="upload/pic1.jpg">
                </li>
                <li>
                    <a href=""><img src="upload/floor-1-2.png"></a>
                    <span></span>
                    <a href=""><img src="upload/floor-1-3.png"></a>
                </li>
                <li>
                    <a href=""><img src="upload/floor-1-4.png"></a>
                </li>
                <li>
                    <a href=""><img src="upload/floor-1-5.png"></a>
                    <span></span>
                    <a href=""><img src="upload/floor-1-6.png"></a>
                </li>
            </ul>
            <!--大家电-->
            <ul>
                <li>大家电</li>
            </ul>
            <!--生活电器-->
            <ul>
                <li>生活电器</li>
            </ul>
            <!--厨房电器-->
            <ul>
                <li>厨房电器</li>
            </ul>
            <!--个户健康-->
            <ul>
                <li>个护健康</li>
            </ul>
            <!--应季电器-->
            <ul>
                <li>应季电器</li>
            </ul>
            <!--空气净水-->
            <ul>
                <li>空气/净水</li>
            </ul>
            <!--新奇特-->
            <ul>
                <li>新奇特</li>
            </ul>
            <!--高端电器-->
            <ul>
                <li>高端电器</li>
            </ul>
        </div>
    </div>

    <!--footer 页尾-->
    <div class="footer">
        <ul class="w">
            <li><i></i><span><b>正品保障</b><br>正品保障&nbsp;提供发票</span></li>
            <li><i></i><span><b>正品保障</b><br>正品保障&nbsp;提供发票</span></li>
            <li><i></i><span><b>正品保障</b><br>正品保障&nbsp;提供发票</span></li>
            <li><i></i><span><b>正品保障</b><br>正品保障&nbsp;提供发票</span></li>
            <li><i></i><span><b>正品保障</b><br>正品保障&nbsp;提供发票</span></li>
        </ul>
        <div class="w footer_help">
            <dl class="footer_help_item">
                <dt>购物指南</dt>
                <dd>
                    <a href="">购物流程</a>
                </dd>
                <dd>
                    <a href="">会员介绍</a>
                </dd>
                <dd>
                    <a href="">生活旅行/团购</a>
                </dd>
                <dd>
                    <a href="">常见问题</a>
                </dd>
                <dd>
                    <a href="">大家电</a>
                </dd>
                <dd>
                    <a href=""> 联系客服</a>
                </dd>
            </dl>
            <dl class="footer_help_item">
                <dt>购物指南</dt>
                <dd>
                    <a href="">购物流程</a>
                </dd>
                <dd>
                    <a href="">会员介绍</a>
                </dd>
                <dd>
                    <a href="">生活旅行/团购</a>
                </dd>
                <dd>
                    <a href="">常见问题</a>
                </dd>
                <dd>
                    <a href="">大家电</a>
                </dd>
                <dd>
                    <a href=""> 联系客服</a>
                </dd>
            </dl>
            <dl class="footer_help_item">
                <dt>购物指南</dt>
                <dd>
                    <a href="">购物流程</a>
                </dd>
                <dd>
                    <a href="">会员介绍</a>
                </dd>
                <dd>
                    <a href="">生活旅行/团购</a>
                </dd>
                <dd>
                    <a href="">常见问题</a>
                </dd>
                <dd>
                    <a href="">大家电</a>
                </dd>
                <dd>
                    <a href=""> 联系客服</a>
                </dd>
            </dl>
            <dl class="footer_help_item">
                <dt>购物指南</dt>
                <dd>
                    <a href="">购物流程</a>
                </dd>
                <dd>
                    <a href="">会员介绍</a>
                </dd>
                <dd>
                    <a href="">生活旅行/团购</a>
                </dd>
                <dd>
                    <a href="">常见问题</a>
                </dd>
                <dd>
                    <a href="">大家电</a>
                </dd>
                <dd>
                    <a href=""> 联系客服</a>
                </dd>
            </dl>
            <dl class="footer_help_item">
                <dt>购物指南</dt>
                <dd>
                    <a href="">购物流程</a>
                </dd>
                <dd>
                    <a href="">会员介绍</a>
                </dd>
                <dd>
                    <a href="">生活旅行/团购</a>
                </dd>
                <dd>
                    <a href="">常见问题</a>
                </dd>
                <dd>
                    <a href="">大家电</a>
                </dd>
                <dd>
                    <a href=""> 联系客服</a>
                </dd>
            </dl>
            <dl class="footer_help_item footer_help_app">
                <dt>帮助中心</dt>
                <dd><img src="upload/erweima.png"></dd>
                <p>品优购客户端</p>
            </dl>
        </div>
        <div class="footer_copyright">
            <p>
                <a href="">关于我们</a>|
                <a href="">联系我们</a>|
                <a href="">联系客服</a>|
                <a href="">商家入驻</a>|
                <a href="">营销中心</a>|
                <a href="">手机品优购</a>|
                <a href="">友情链接</a>|
                <a href="">销售联盟</a>|
                <a href="">品优购社区</a>|
                <a href="">品优购公益</a>|
                <a href="">English Site</a>|
                <a href="">Contact U</a>
            </p>
            <p>
                地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn <br> 京ICP备08001421号京公网安备110108007702
            </p>
        </div>
    </div>
</body>

</html>